var app = new Vue({
    el: "#app",
    data: {
        host: host,
        username: sessionStorage.username || localStorage.username,
        user_id: sessionStorage.user_id || localStorage.user_id,
        avatar_url: sessionStorage.avatar_url || localStorage.avatar_url,
        token: sessionStorage.token || localStorage.token,
        nick_name: sessionStorage.nick_name || localStorage.nick_name,
        page: 1, // 当前页数
        page_size: 10, // 每页数量
        count: 0,  // 总数量

        // 页面中需要使用到的数据，键值对
        act: [],
        countdown: 0,
        nowInS: 0,
        deadlineInS: 0,

        flag1: true,
        status: 0,
    },

    computed: {
        total_page: function () {  // 总页数
            return Math.ceil(this.count / this.page_size);
        },
        next: function () {  // 下一页
            if (this.page >= this.total_page) {
                return 0;
            } else {
                return this.page + 1;
            }
        },
        previous: function () {  // 上一页
            if (this.page <= 0) {
                return 0;
            } else {
                return this.page - 1;
            }
        },
        page_nums: function () {  // 页码
            // 分页页数显示计算
            // 1.如果总页数<=5
            // 2.如果当前页是前3页
            // 3.如果当前页是后3页,
            // 4.既不是前3页，也不是后3页
            var nums = [];
            if (this.total_page <= 5) {
                for (var i = 1; i <= this.total_page; i++) {
                    nums.push(i);
                }
            } else if (this.page <= 3) {
                nums = [1, 2, 3, 4, 5];
            } else if (this.total_page - this.page <= 2) {
                for (var i = this.total_page; i > this.total_page - 5; i--) {
                    nums.push(i);
                }
            } else {
                for (var i = this.page - 2; i < this.page + 3; i++) {
                    nums.push(i);
                }
            }
            return nums;
        }
    },

    mounted: function () {
        // 一加载就需要做的，直接是代码
        this.get_user();
    },
    methods: {
        // 需要用到的函数，键值对 ，键是名称，值是匿名函数
        logout: function () {
            sessionStorage.clear();
            localStorage.clear();
            location.href = './person-loginsign.html';
        },

        // 点击页数
        on_page: function (num) {
            if (num != this.page) {
                this.page = num;
                this.get_comments();
            }
        },

        get_user: function () {
            id = get_query_string("id", 1000);
            axios.get(this.host + "/activities/" + id + "/", {
                // 向后端传递JWT token的方法
                headers: {
                    // 后台接收的JWT对格式有要求,'JWT'开头,空一格拼接字符串
                    'Authorization': 'JWT ' + this.token
                },
                responseType: 'json',
                // withCredentials: true
            })
                .then(response => {
                    this.act = response.data;
                    // console.log(this.act)
                    this.nowInS = new Date().getTime() / 1000;  // getTime() 取的是毫秒数
                    alert(this.nowInS.getHours());;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
                    this.deadlineInS = new Date(response.data.deadline).getTime() / 1000;
                    if (app.nowInS.getHours() > 0) {
                        setInterval(function () {
                            // alert("a")
                            app.nowInS += 1;
                            app.countdown = app.deadlineInS - app.nowInS
                        }, 1000)
                    } else {
                        app.countdown = 0;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
                        app.flag1 = false
                    }


                })
                .catch(error => {
                })

        },

    },
    filters: {
        countdown2dhms: function (value) {  //100-> 1分40秒
            let day = Math.floor(value / (3600 * 24));
            let hour = Math.floor(value % (3600 * 24) / 3600);
            let minute = Math.floor(value % 3600 / 60);
            let second = Math.floor(value % 60);
            return `${day}天${hour}时${minute}分${second}秒`
        }
    }
});